@charset "utf-8";
/* CSS Document */

a { color:#222222;  }

body { font-family:"Century Gothic", Arial; font-size:13px; color:#222222; margin:0px; background:#fff url(img/bg_body.png) repeat-x; }

#global { width:960px; position:absolute; left:50%; margin-left:-480px; }

#header { float:left; width:960px; height:114px; background:url(img/bg_header.png) no-repeat; }

#langue{float:left;position:relative;margin-top:10px;}

#votre_panier{float:right;position:relative;height:90px;width:100px;margin:7px 10px 0 0;border:2px solid white;border-radius:5px;}
#tab_panier {border-collapse:collapse;margin-left:88px;}
#tab_panier td{border-right:1px solid black;padding:5px 10px 5px 10px;border-bottom:1px solid black;}

#login {float:right; height:85px;width:260px;margin:7px 0 0 0;padding-top:5px;border:2px solid white;border-radius:5px;}
#login input{float:right;}
#login table{float:right;padding-left:5px;}
#login_co{float:right; height:85px;width:260px;margin:7px 0 0 0;padding-top:5px;border:2px solid white;border-radius:5px;}

#fr { width:960px; height:37px; float:left; background:url(img/bg_menu.png) no-repeat; padding-top:9px; text-align:center; }
#fr a { color:#262626; font-size:14px; text-decoration:none; padding:0 56px; margin-left:8px;}
#fr a:hover { border-bottom:3px solid #ff9e00; }

#en { width:960px; height:37px; float:left; background:url(img/bg_menu.png) no-repeat; padding-top:9px; }
/*#en a { color:#262626; font-size:14px; text-decoration:none; padding:0 55px; margin-left:8px;}*/
#en a:hover {border-bottom:3px solid #ff9e00;}

#en1{float:left;color:#262626; font-size:14px; text-decoration:none; padding:0 47px;}
#en1:hover { border-bottom:3px solid #ff9e00; }
#en2{float:left;color:#262626; font-size:14px; text-decoration:none; padding:0 60px;margin-left:5px;}
#en2:hover { border-bottom:3px solid #ff9e00; }
#en3{float:left;color:#262626; font-size:14px; text-decoration:none; padding:0 56px;margin-left:6px;}
#en3:hover { border-bottom:3px solid #ff9e00; }
#en4{float:left;color:#262626; font-size:14px; text-decoration:none; padding:0 76px;margin-left:6px;}
#en4:hover { border-bottom:3px solid #ff9e00; }
#en5{float:left;color:#262626; font-size:14px; text-decoration:none; padding:0 51px;margin-left:5px;}
#en5:hover { border-bottom:3px solid #ff9e00; }


#diapo { float:left; width:960px; height:270px; }
.diaporama{ position:relative; margin:0; z-index:1; }
.diaporama li{ list-style-type:none; overflow:hidden; position:absolute; top:0px; left:0px; }


#content { float:left; width:960px; height:auto; margin-top:-19px; position:relative; z-index:2; }
#top { float:left; width:960px; height:50px; background:url(img/bg_top.png) no-repeat; }
#milieu { float:left; width:960px; height:auto; background-image:url(img/bg_milieu.png); background-repeat:repeat-y; }
#texte { float:left; width:918px; padding-left:21px; padding-right:21px; text-align:justify; }
#bottom { float:left; width:960px; height:26px; background:url(img/bg_bottom.png) no-repeat; }
#footer { float:left; width:960px; height:auto; color:#000; text-align:center; }
#footer a { text-decoration:none; color:#000; }
#footer a:hover { text-decoration:underline; }

#contact { width:350px; float:left; margin-left:20px; }
#contact p label { display:block; width:100px; float:left; padding-top:3px; margin-top:-8px; }
#contact p label em { font-size:9px; margin-top:-8px; }
#contact p input { width:200px; margin-top:-8px; }
#contact p input.cp { width:50px; margin-top:-8px; }
#contact p input.tel { width:100px; margin-top:-8px; }
* html #contact p input { width:200px; margin-top:-8px; }
*+html #contact p input { width:200px; margin-top:-8px; }
#contact p input.btn { width:100px; margin-top:-8px; }

#catalogue{float:left;margin-left:285px;width:350px;}

#categ_contenu{float:left;width:695px;height:auto;margin:0 0 0 5px;}
#categorie{position:relative;float:left;margin-right:10px;width:815px;border:1px solid grey;margin:0 0 10px 48px;font-size:15px;}
#img_categ{float:left;width:110px;border-right:1px solid grey;}


#img_livre{float:left;height:260px;width:240px;margin:15px 20px 0 0;border:outset;}
#panier{float:right;background:#c2bdb2;padding:10px 10px 10px 10px;margin-right:10px;}
#panier_img{font-family:"Century Gothic", Arial;background:url(img/caddie_p.jpg) no-repeat;background-color:white;height:45px;width:200px;}

#plan { width:460px; float:right; text-align:center; margin-right:50px; }

h1 { font-size:16px; color:#FFFFFF; text-transform:uppercase; padding-left:54px; }
h2 { font-size:14px; color:#ff9e00; }
h3 { font-size:13px; color:#f29500; }

.imgleft { float:left; margin:0 15px 0 0; }
.imgright { float:right; margin:0 0 0 15px; }

.bordure { border-bottom:dashed 1px #999999; }
.center { text-align:center; }

.blanc { color:#FFFFFF; }

#texte img { background:#FFFFFF; padding:3px; border:1px solid #CCCCCC; }
#texte img.none { padding:0; border:0; }

.txt { width:495px; height:252px; background:url(img/bg_txt_acc.png) no-repeat; float:left; padding:10px; margin-right:10px; }
.right { float:right; font-style:italic; }

#texte ul { list-style:url(img/fleche.jpg) inside; }

.mot { width:880px; float:left; text-align:center; padding:0 40px; margin-top:20px; color:#000; font-size:11px; }
